@import url("../../common/common.css");

.carousel {
	width: 100%;
	height: 440upx;
}

.hidden {
	top: 0upx;
}

.show {
	top: 440upx;
}
.active{
	background-color: #FFFFFF !important;
	color: #1D3FA3;
	font-weight: bold;
	border-left: 6upx #1D3FA3 solid !important;
}

/* 菜单 */
.menu-body {
	display: flex;
	flex-direction: row;
	margin-top: 10upx;
}

/* 左侧列表 */
.menu-left {
	width: 25%;
	height: 730upx;
	margin-right: 10upx;
	
}

.category {
	width: 100%;
	height: 70upx;
	line-height: 70upx;
	text-align: center;
	background-color: #F7F7F7;
	border-bottom: 1upx #FFFFFF solid;
	border-left: 6upx #FFFFFF solid;
	font-size: 30upx;
}

/* 右侧列表 */
.menu-right {
	width: 75%;
	height: 730upx;
	/* height: 100%; */
	margin-right: 10upx;
	padding-bottom: 80upx;
}
.menu-right-active{
	width: 75%;
	height: 1100upx;
	margin-right: 10upx;
}

.single-food-wrap {
	margin-top: 15upx;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: row;
	align-items: center;
	box-shadow: 5upx 5upx 5upx #E8E8E8;
}

.img-box {
	width: 140upx;
	height: 140upx;
}

.desc-box {
	margin-left: 10upx;
	margin-right: 10upx;
	width: 100%;
	/* display: flex;
	flex-direction: column;
	justify-content: space-around; */
}

.food-name {
	font-size: 30upx;
}

.food-price {
	font-weight: bold;
	color: #1d3fa3;
}

.food-price:before {
	content: "￥";
	font-size: 28upx;
}

.price-operator-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.operator-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.sale-num {
	font-size: 30upx;
	margin: 0 20upx;
	font-weight: bold;
}

.icon-font {
	color: #1D3FA3;
	font-size: 60upx;
}

.icon-add:before {
	content: '\e698';
}

.icon-minus:before {
	content: '\e69f';
}
.icon-clear:before{
	content: '\e844';
	font-size: 40upx;
}

/* 下单小计 */
.bottom_box {
	width: 100%;
	height: 80upx;
	position: fixed;
	bottom: 0upx;
	z-index: 100;
	background-color: #FFFFFF;
}

.shopCart_box {
	width: 100upx;
	height: 100upx;
	background-color: #1D3FA3;
	border-radius: 50%;
	position: absolute;
	top: -40upx;
	left: 20upx;
}

.shopCart_img {
	width: 50upx;
	height: 50upx;
	position: absolute;
	top: 24upx;
	left: 24upx;
}

.all_money {
	position: absolute;
	width: 55%;
	height: 80upx;
	top: 0;
	left: 20%;
	line-height: 80upx;
	text-align: center;
	font-size: 32upx;
}

.choose_ok {
	position: absolute;
	width: 25%;
	height: 80upx;
	top: 0;
	right: 5upx;
	line-height: 80upx;
	text-align: center;
	color: #FFFFFF;
	font-size: 40upx;
	background-color: #1D3FA3;
}

/* 购物车 */

/* 遮罩 */
.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: #000;
	z-index: 200;
}
/* 弹窗 */
.cart_popup {
	width: 100%;
	height: 300px;
	background: #FFFFFF;
	position: fixed;
	z-index: 300;
	left: 0;
	bottom: -300px;
	overflow: auto;
	display: flex;
	flex-direction: column;
}

.shopCart_title {
	width: 100%;
	height: 70upx;
	line-height: 70upx;
	text-align: center;
	background-color: #1D3FA3;
	color: #FFFFFF;
}
.shopCart_close {
	position: absolute;
	left: 30upx;
	font-size: 28upx;
}
.shopCart-clear {
	position: absolute;
	right: 30upx;
	font-size: 28upx;
}
.cart_cell {
	width: 100%;
	height: 60upx;
	padding: 20upx 0;
	display: flex;
	justify-content: space-between;
	border: 1px solid #E8E8E8;
	align-items: center;
}
.cell_name{
	height: 100%;
	font-size: 32upx;
	margin:0 30upx;
	/* padding-top: 25upx; */
}
.cell_price{
	height: 100%;
	font-weight: bold;
	color: #1d3fa3;
}
.cell_price:before{
	content: "￥";
	font-size: 28upx;
}
.cell_clear{
	margin: 0 15upx 0 60upx;
}